<head>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd">
<html><head><title>Calendar 2013</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="date.created" content="2013-08-15">
<meta name="generator" content="HTML Calendar Maker 2.0">
<meta name="licensekey" content="">
<meta http-equiv="Content-Type" content="text/html;  charset= utf-8" />
</head>
<link rel="stylesheet" type="text/css" href="./css/style.css" />
<link rel="stylesheet" type="text/css" href="./css/menu.css" />
<link rel="stylesheet" type="text/css" href="./css/ffff.css" />
<link rel="stylesheet" type="text/css" href="./css/styleCalendar.css" />

<body>
<!---  cabecerar -->
	<div class="top-container">
		<div class="logo">LOGO</div>
		<div class="user-status">
			<img src="./img/user.jpg">
			<div class="user-name">Gabriela Cayú</div>
			<div class="boton-opciones"><a href=""><i class="icon-options"></i></a></div>
		</div>
	</div>
<!--- /cabecera -->

<div class="container">
<!---  contenedor izquierdo -->
<div class="left">
	<div id="icono-wrapper">
	<div id="icono">&nbsp;</div>
	</div>
	<div id="search"><label>Buscar 
		<input class="search input" type="text" placeholder="...">
	</div>
		<div id="menu">
			<ul class="page-sidebar-menu">
			<li title="Code: 0xe800" class="the-icons span3">
			<a href="Practica2Gaby.html "><i class="icon-house"></i> <span class="title">Home</span>
			</a>
			</li>
			<li> <a href=""><i class="icon-herramientas"></i> <span class="title">Menu 2</span>
			</a>
			</li>
			<li >
			<a href=" "><i class="icon-user"></i> <span class="title">Menu 3</span>
			</a>
			</li>
			<li><a href=""><i class="icon-location"></i><span class="title">Menu 4</span>
			</a>
			</li>
			<li class="active">
			<a href="Calendar2013Gaby.html"><i class="icon-calendar"></i><span class="title">Calendario</span>
			</a>
			</li>
			</ul>
		</div>
</div>
<!---  / contenedor izquierdo-->
<!---   contenedor derecho -->
<div class="right">

<div class="breadcrubs"><i class="icon-house"></i>Home > home</div>
<div class="mapa">

<div class="titulo"><i class="icon-geolocation"></i>Calendario</div><br>


<div class="title">Agosto 2013</div>
<table class="calendar" border="5">
<tr>
    <th>Domingo</th>
    <th>Lunes</th>
    <th>Martes</th>
    <th>Miércoles</th>
    <th>Jueves</th>
    <th>Viernes</th>
    <th>Sábado</th>
</tr>

<tr>
    <td><span class="date">&nbsp;</span></td>
    <td><span class="date">&nbsp;</span></td>
    <td><span class="date">&nbsp;</span></td>
    <td><span class="date">&nbsp;</span></td>
    <td><span class="date">1</span><div class="event1">Evento 1</div></td>
    <td><span class="date">2</span></td>
    <td><span class="date">3</span></td>
</tr>

<tr>
    <td><span class="date">4</span></td>
    <td><span class="date">5</span></td>
    <td><span class="date">6</span></td>
    <td><span class="date">7</span></td>
    <td><span class="date">8</span></td>
    <td><span class="date">9</span></td>
    <td><span class="date">10</span><div class="eventLong">Long Event</div></td>
</tr>

<tr>
    <td><span class="date">11</span><div class="event2">Evento 2</div></td>
    <td><span class="date">12</span></td>
    <td><span class="date">13</span></td>
    <td><span class="date">14</span></td>
    <td><span class="date">15</span><div class="event3">10:30am Reunion </div></td>
    <td><span class="date">16</span><div class="event4">7pm Cumpleaños</div></td>
    <td><span class="date">17</span></td>
</tr>

<tr>
    <td><span class="date">18</span></td>
    <td><span class="date">19</span></td>
    <td><span class="date">20</span></td>
    <td><span class="date">21</span></td>
    <td><span class="date">22</span></td>
    <td><span class="date">23</span></td>
    <td><span class="date">24</span></td>
</tr>

<tr>
    <td><span class="date">25</span></td>
    <td><span class="date">26</span></td>
    <td><span class="date">27</span></td>
    <td><span class="date">28</span></td>
    <td><span class="date">29</span></td>
    <td><span class="date">30</span></td>
    <td><span class="date">31</span></td>
</tr>
</table>
<p><div class="footer">
Generated by <a href="">Cayú Gabriela Anahí


</div>

</div>
<div class="redsocial">
<div class="titulo"><i class="icon-twitter"></i>Tweeter</div>

<div id="mensajes">
			<div style="display:inline">
				<img class="foto-izq" src="./img/userTwit.jpg" width="30px" height="30px">
				<p class="mensaje-izq"><a class="link" href="#" >Dr. House</a> el Jul 25, 2012 11:09 <br>
			Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>
			</div>
			<div id="clear"></div>
			<div>
				<img class="foto-der" src="./img/userTwit.jpg" width="30px" height="30px">
				<p class="mensaje-der"><a class="link" href="#" >Dr. House</a> el Jul 25, 2012 11:09 <br>
			Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>
			</div>
			<div id="clear"></div>
			<div>
				<img class="foto-izq" src="./img/userTwit.jpg" width="30px" height="30px">
				<p class="mensaje-izq"><a class="link" href="#" >Dr. House</a> el Jul 25, 2012 11:09 <br>
			Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>
			</div>
			<div id="clear"></div>
			<div>
				<img class="foto-der" src="./img/userTwit.jpg" width="30px" height="30px">
				<p class="mensaje-der"><a class="link" href="#" >Dr. House</a> el Jul 25, 2012 11:09 <br>
			Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>
			</div>
			<div id="clear"></div>
			<div>
				<img class="foto-izq" src="./img/userTwit.jpg" width="30px" height="30px">
				<p class="mensaje-izq"><a class="link" href="#" >Dr. House</a> el Jul 25, 2012 11:09 <br>
			Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>
			</div>
			<div id="clear"></div>

</div>
<!---  /contenedor derecho-->
<!--- main container -->
</body>











<body>
</body></html>
